import {
  login,
  logout,
  getUserInfo,
  getMessage,
  getContentByMsgId,
  hasRead,
  removeReaded,
  restoreTrash,
  getUnreadCount
} from "@/api/user";
import { setToken, getToken } from "@/libs/util";
import { Message } from "iview";

export default {
  state: {
    userName: "",
    email: "",
    mobile: "",
    deptName: "",
    userId: "",
    avatorImgPath: "",
    token: getToken(),
    access: "",
    hasGetInfo: false,
    unreadCount: 0,
    messageUnreadList: [],
    messageReadedList: [],
    messageTrashList: [],
    messageContentStore: {}
  },
  mutations: {
    refreshUserInfo(state) {
      if (sessionStorage.getItem("userInfo")) {
        let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
        if (userInfo) {
          state.avatorImgPath = userInfo.avator;
          state.userId = userInfo.userid;
          state.access = userInfo.access;
          state.userName = userInfo.username;
          state.email = userInfo.email;
          state.mobile = userInfo.mobile;
          state.deptName = userInfo.deptName;
          state.hasGetInfo = userInfo.hasGetInfo;
        }
      }
    },
    setAvator(state, avatorPath) {
      state.avatorImgPath = avatorPath;
    },
    setUserId(state, id) {
      state.userId = id;
    },
    setUserName(state, name) {
      state.userName = name;
    },
    setAccess(state, access) {
      state.access = access;
    },
    setToken(state, token) {
      state.token = token;
      setToken(token);
    },
    setHasGetInfo(state, status) {
      state.hasGetInfo = status;
    },
    setMessageCount(state, count) {
      state.unreadCount = count;
    },
    setMessageUnreadList(state, list) {
      state.messageUnreadList = list;
    },
    setMessageReadedList(state, list) {
      state.messageReadedList = list;
    },
    setMessageTrashList(state, list) {
      state.messageTrashList = list;
    },
    updateMessageContentStore(state, { msg_id, content }) {
      state.messageContentStore[msg_id] = content;
    },
    moveMsg(state, { from, to, msg_id }) {
      const index = state[from].findIndex(_ => _.msg_id === msg_id);
      const msgItem = state[from].splice(index, 1)[0];
      msgItem.loading = false;
      state[to].unshift(msgItem);
    },
    // 获取用户相关信息
    getUserInfo(state, data) {
      let user = data.user;
      let menu = data.menu;
      console.log(user);
      state.avatorImgPath =
        "https://file.iviewui.com/dist/a0e88e83800f138b94d2414621bd9704.png";
      state.userName = user.username;
      state.userId = user.userId;
      state.access = "super_admin";
      state.hasGetInfo = true;
      state.email = user.email;
      state.mobile = user.mobile;
      state.deptName = user.deptName;
      sessionStorage.setItem(
        "userInfo",
        JSON.stringify({
          avator:
            "https://file.iviewui.com/dist/a0e88e83800f138b94d2414621bd9704.png",
          username: user.username,
          email: user.email,
          mobile: user.mobile,
          deptName: user.deptName,
          userid: user.userId,
          access: "super_admin",
          hasGetInfo: true
        })
      );
      sessionStorage.setItem("menu", JSON.stringify(menu));
      // return new Promise((resolve, reject) => {
      // try {
      //   getUserInfo(state.token).then(res => {
      //     const data = res.data
      //     commit('setAvator', data.avator)
      //     commit('setUserName', data.name)
      //     commit('setUserId', data.user_id)
      //     commit('setAccess', data.access)
      //     commit('setHasGetInfo', true)
      //     resolve(data)
      //   }).catch(err => {
      //     reject(err)
      //   })
      // } catch (error) {
      //   reject(error)
      // }

      // })
    }
  },
  getters: {
    messageUnreadCount: state => state.messageUnreadList.length,
    messageReadedCount: state => state.messageReadedList.length,
    messageTrashCount: state => state.messageTrashList.length
  },
  actions: {
    // 登录
    handleLogin({ commit }, { username, password, captcha }) {
      username = username.trim();
      captcha = "11111";
      return new Promise((resolve, reject) => {
        login({
          username,
          password,
          captcha
        })
          .then(res => {
            if (res.code === 0) {
              const token = res.token;
              commit("setToken", token);
              resolve();
            } else {
              Message.error(res.msg);
            }
          })
          .catch(err => {
            reject(err);
          });
      });
    },
    // 退出登录
    handleLogOut({ state, commit }) {
      commit("setToken", "");
      sessionStorage.clear();
      // return new Promise((resolve, reject) => {
      //   logout(state.token).then(() => {
      //     commit('setToken', '')
      //     // commit('setAccess', [])
      //     resolve()
      //   }).catch(err => {
      //     reject(err)
      //   })
      //   // 如果你的退出登录无需请求接口，则可以直接使用下面三行代码而无需使用logout调用接口
      //   // commit('setToken', '')
      //   // commit('setAccess', [])
      //   // resolve()
      // })
    },

    // 此方法用来获取未读消息条数，接口只返回数值，不返回消息列表
    getUnreadMessageCount({ state, commit }) {
      getUnreadCount().then(res => {
        const { data } = res;
        commit("setMessageCount", data);
      });
    },
    // 获取消息列表，其中包含未读、已读、回收站三个列表
    getMessageList({ state, commit }) {
      return new Promise((resolve, reject) => {
        getMessage()
          .then(res => {
            const { unread, readed, trash } = res.data;
            commit(
              "setMessageUnreadList",
              unread.sort(
                (a, b) => new Date(b.create_time) - new Date(a.create_time)
              )
            );
            commit(
              "setMessageReadedList",
              readed
                .map(_ => {
                  _.loading = false;
                  return _;
                })
                .sort(
                  (a, b) => new Date(b.create_time) - new Date(a.create_time)
                )
            );
            commit(
              "setMessageTrashList",
              trash
                .map(_ => {
                  _.loading = false;
                  return _;
                })
                .sort(
                  (a, b) => new Date(b.create_time) - new Date(a.create_time)
                )
            );
            resolve();
          })
          .catch(error => {
            reject(error);
          });
      });
    },
    // 根据当前点击的消息的id获取内容
    getContentByMsgId({ state, commit }, { msg_id }) {
      return new Promise((resolve, reject) => {
        let contentItem = state.messageContentStore[msg_id];
        if (contentItem) {
          resolve(contentItem);
        } else {
          getContentByMsgId(msg_id).then(res => {
            const content = res.data;
            commit("updateMessageContentStore", {
              msg_id,
              content
            });
            resolve(content);
          });
        }
      });
    },
    // 把一个未读消息标记为已读
    hasRead({ state, commit }, { msg_id }) {
      return new Promise((resolve, reject) => {
        hasRead(msg_id)
          .then(() => {
            commit("moveMsg", {
              from: "messageUnreadList",
              to: "messageReadedList",
              msg_id
            });
            commit("setMessageCount", state.unreadCount - 1);
            resolve();
          })
          .catch(error => {
            reject(error);
          });
      });
    },
    // 删除一个已读消息到回收站
    removeReaded({ commit }, { msg_id }) {
      return new Promise((resolve, reject) => {
        removeReaded(msg_id)
          .then(() => {
            commit("moveMsg", {
              from: "messageReadedList",
              to: "messageTrashList",
              msg_id
            });
            resolve();
          })
          .catch(error => {
            reject(error);
          });
      });
    },
    // 还原一个已删除消息到已读消息
    restoreTrash({ commit }, { msg_id }) {
      return new Promise((resolve, reject) => {
        restoreTrash(msg_id)
          .then(() => {
            commit("moveMsg", {
              from: "messageTrashList",
              to: "messageReadedList",
              msg_id
            });
            resolve();
          })
          .catch(error => {
            reject(error);
          });
      });
    }
  }
};
